<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/tabbar.css" />
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.dtpicker.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">闸门运行记录</h1>
			<a id="back" href="zm-grid.html" class="mui-icon mui-icon-back" style="font-size: 15px;">返回</a>
		</header>

		<div class="mui-content mycontent mui-content-padded">
			<div class="mui-input-row">
				<label>当前状态：</label>

				<!--<select class="mui-select">
						<option selected="selected">请选择</option>
						<option>开机</option>
						<option>关机</option>
						<option>故障</option>
						<option>维修</option>
					</select>-->
				<div class="input-line">
					开机<input type="radio" name="status" value="开机" /> 关机
					<input type="radio" name="status" value="关机" /> 故障
					<input type="radio" name="status" value="故障" /> 维修
					<input type="radio" name="status" value="维修" />
				</div>
			</div>
			<div class="mui-input-row">
				<label>开启高度：</label>
				<input type="text" placeholder="请输入读数">
			</div>
			<div class="mui-input-row" style="height: 130px">
				<label>开闸原因：</label>
				<textarea rows="5" placeholder="请输入开闸原因"></textarea>
			</div>
			<div class="mui-input-row">
				<label>天气情况：</label>
				<!--<select class="mui-select">
							<option selected="selected">请选择</option>
							<option>小雨</option>
							<option>中雨</option>
							<option>大雨</option>
						
						</select>-->
				<div class="mui-input-row">
					<label>天气情况：</label>
					<div class="input-line">
						小雨<input type="radio" name="weather" value="小雨" /> 中雨
						<input type="radio" name="weather" value="中雨" /> 大雨
						<input type="radio" name="weather" value="大雨" />
					</div>
				</div>
			</div>
			<div class="mui-input-row">
				<label>时间：</label>
				<input type="text" id="inputDate" class="mui-input-clear" placeholder="请选择日期">
			</div>

			<!--河道闸门运行记录表 -->
			<div class="mui-button-row" style="border: none;">
				<button type="button" data-options='{}' class="mui-btn mui-btn-warning mui-btn-block" style="height: 40px; padding: 0px;">提交</button>
			</div>
		</div>
	</body>
	<script src="./js/mui.min.js"></script>
	<script type="text/javascript" src="js/mui.dtpicker.js"></script>
	<script src="js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
	<script>
		(function($, doc) {
			$.init({
				statusBarBackground: '#f7f7f7'
			});
			$.plusReady(function() {
				//				$.back = function(event) {
				//					window.location.href = 'index.html';
				//				};
				doc.getElementById("back").addEventListener("click", function() {
					window.location.href = 'index.html';

				});
				//日期选择
				doc.getElementById("inputDate").addEventListener("tap", function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						/*
						 * rs.value 拼合后的 value
						 * rs.text 拼合后的 text
						 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
						 * rs.m 月，用法同年
						 * rs.d 日，用法同年
						 * rs.h 时，用法同年
						 * rs.i 分（minutes 的第二个字母），用法同年
						 */
						doc.getElementById("inputDate").value = rs.text;
						/* 
						 * 返回 false 可以阻止选择框的关闭
						 * return false;
						 */
						/*
						 * 释放组件资源，释放后将将不能再操作组件
						 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
						 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
						 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
						 */
						picker.dispose();
					});
				})

			});
		}(mui, document));
	</script>

</html>